<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>结算页面</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/count.css" />
  </head>
  <body>
    <!-- top S  -->
    <div class="top">
      <div class="w">
        <div class="fl">
          品有购欢迎您！
          <a href="./login/login.html">请登录</a>
          <a href="./submit/submit.html" class="col">免费注册</a>
        </div>
        <div class="fr">
          <a href="#"> 我的订单</a>
          <span>|</span>
          <a href="#" class="sj"> 我的品优购</a>
          <span>|</span>
          <a href="#"> 品优购会员</a>
          <span>|</span>
          <a href="#"> 企业采购</a>
          <span>|</span>
          <a href="#" class="sj1"> 关注品优购</a>
          <span>|</span>
          <a href="#" class="sj2"> 客户服务</a>
          <span>|</span>
          <a href="#" class="sj3"> 网站导航</a>
        </div>
      </div>
    </div>
    <!-- nav S  -->
    <div class="w">
      <div class="nav">
        <div class="logo">
          <img src="./img/logo.png" alt="" />
          <h4>购物车</h4>
        </div>
        <div class="search fr">
          <form action="">
            <input type="text" placeholder="自营" />
            <button>搜索</button>
          </form>
        </div>
      </div>
    </div>
    <!-- 核对信息 -->
    <div class="w">
      <div class="msg">填写并核对订单信息</div>
    </div>
    <div class="w">
      <div class="contain">
        <div class="receive">
          <div class="new">
            <a href="#" class="fl">收件人信息</a>
            <a href="#" class="fr">新增收货地址</a>
          </div>
          <br />
          <div class="mas">
            <select name=" " id="" class="fl">
              <option value=" ">张嬷嬷 北京</option>
            </select>
            <span>张谋谋 北京市海淀区三环内 中关村软件园9号楼 159****3201</span>
          </div>
          <br />
          <div class="more"><a href="#">更多地址</a></div>
        </div>
        <div class="diy">
          <div class="pp fl">
            <a href="#">匹配自提点</a>
          </div>
          <span class="fl">时代思远书店 中关村软件园9号楼时代思远书店 </span>
        </div>
        <div class="pay">
          <h4><a href="#">支付方式</a></h4>
          <div class="meth">
            <a href="#" class="a1">货到付款</a>
            <a href="#" class="a1">微信付款</a>
            <a href="#" class="a2">在线支付</a>
            <div class="mor"><a href="#">更多>></a></div>
          </div>
        </div>
        <div class="list">
          <h4>送货清单</h4>
        </div>
        <div class="tiantian">
          <h4>配送方式</h4>     
            <div class="pp fl">
              <a href="#">天天快递</a>
            </div>
            <span class="fl">配送时间：预计8月10日（周三）09:00-15:00送达 </span>
            <div class="xiu fr"><a href="#">修改</a></div>
          </div>
          <div class="fs">
           <h4>配送方式：</h4>
           <div class="pic"><img src="./img/aside_img.jpg" alt=""></div>
           <div class="txt">
             <p>Apple iPhone 6s (A1700) 64G 玫瑰金色 移动联通电信4G手机<br>
              硅胶透明防摔软壳 本色系列</p>
              <span>7天无理由退货</span>
           </div>
           <div class="num">
            <dl>
              <dt>￥5055</dt>
              <dd>X1</dd>
              <dd class="fr">有货</dd>
            </dl> 
           </div>
          </div>
          <div class="fp">
            <h4>发票信息</h4>
            <ul>
              <li>普通发票（电子）</li>
              <li>个人</li>
              <li>明细</li>
              <li><a href="#">修改</a></li>
            </ul> <br><br>
         <div class="youhui">
          <h3><a href="#">使用优惠券/抵用</a></h3>
         </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 页脚s  -->
    <div class="footer">
      <div class="w">
        <div class="foo-t">
          <ul>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="foo-c">
          <div class="c1 fl">
            <dl>
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>
          </div>
          <div class="c2 fl">
            <dl>
              <dt>配送法式</dt>
              <dd>上门自提</dd>
              <dd>211限时达</dd>
              <dd>配送服务查询</dd>
              <dd>配送费收取标准</dd>
              <dd>海外配送</dd>
            </dl>
          </div>
          <div class="c3 fl">
            <dl>
              <dt>支付方式</dt>
              <dd>货到付款</dd>
              <dd>在线支付</dd>
              <dd>分期付款</dd>
              <dd>邮局汇款</dd>
              <dd>公司转账</dd>
            </dl>
          </div>
          <div class="c4 fl">
            <dl>
              <dt>售后服务</dt>
              <dd>售后政策</dd>
              <dd>价格保护</dd>
              <dd>退款说明</dd>
              <dd>返修/退换货</dd>
              <dd>取消订单</dd>
            </dl>
          </div>
          <div class="c5 fl">
            <dl>
              <dt>特色服务</dt>
              <dd>夺宝岛</dd>
              <dd>diy装机</dd>
              <dd>延保服务</dd>
              <dd>品有够E卡</dd>
              <dd>品有够通讯</dd>
            </dl>
          </div>
          <div class="c6 fl">
            <dl>
              <dt>帮助中心</dt>
              <dd><img src="./img/wx_cz.jpg" alt="" /></dd>
              <dd>品有够客户端</dd>
            </dl>
          </div>
        </div>
        <div class="foo-b">
          <a href="#">联系我们 <span>|</span></a>

          <a href="#">联系客服<span>|</span></a>

          <a href="#">商家入驻 <span>|</span></a>

          <a href="#">营销中心 <span>|</span> </a>

          <a href="#">手机品优购 <span>|</span> </a>

          <a href="#">友情链接<span>|</span> </a>

          <a href="#">销售联盟 <span>|</span> </a>

          <a href="#">品优购社区<span>|</span> </a>

          <a href="#">品优购公益 <span>|</span> </a>

          <a href="#">English Site <span>|</span> </a>

          <a href="#">Contact U</a> <br /><br />

          <p>
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
            电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
          </p>
          <p>京ICP备08001421号京公网安备110108007702</p>
        </div>
      </div>
    </div>
  </body>
</html>
